<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/inc_head.html"; ?>
<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutB_1.html"; ?>

<!-- service-con -->
<div class="service-con">

	<h3 class="tit-type1">기본인적사항</h3>
	<table cellspacing="0" summary="기본인적사항을 나타낸 표입니다." class="tbl-type1 mb30">
		<caption>기본인적사항</caption>
		<colgroup>
			<col width="20%" />
			<col />
		</colgroup>
		<tbody>
			<tr>
				<th scope="row" class="first">결혼기념일</th>
				<td class="first">
					<select title="결혼기념일 년 선택">
						<option value="2010">2010</option>
					</select>년
					<select title="월 선택">
						<option value="01">01</option>
					</select>월
					<select title="일 선택">
						<option value="01">01</option>
					</select>일
					<a title="팝업레이어뜸" href="#none"><span class="calendar">캘린더</span></a>
				</td>
			</tr>
			<tr>
				<th scope="row">주민등록번호</th>
				<td>
					<input type="text" maxlength="6" title="주민등록번호 앞자리 6자리" /> -
					<input type="password" maxlength="7" title="주민등록번호 뒷자리 7자리" />
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span><label for="userpass1">변경 이용자 비밀번호</label></th>
				<td>
					<input type="password" maxlength="10" title="영문, 숫자 혼합 6~10자리 입력" id="userpass1" />
					<span class="i-opt ml20">영문, 숫자 혼합 6~10자리</span>
					<input type="checkbox" id="userpass11" class="ml20" title="선택" /><label for="userpass11">마우스로입력</label>
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span><label for="userpass2">비밀번호 재입력</label></th>
				<td>
					<input type="password" maxlength="10" title="영문, 숫자 혼합 6~10자리 입력" id="userpass2" />
					<input type="checkbox" id="userpass21" class="ml20" /><label for="userpass21" class="mouse" title="선택">마우스로입력</label>
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span><label for="userpass3">비밀번호</label></th>
				<td>
					<input type="password" maxlength="4" title="영문, 숫자 혼합 4자리 입력" id="userpass3" />
					<span class="i-opt ml20">영문, 숫자 혼합 4자리</span><input type="checkbox" id="userpass31" class="ml20" title="선택" /><label for="userpass31">마우스로입력</label>
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span><label for="address1">자택주소</label></th>
				<td>
					<span class="i-br mb10">
						<input type="text" title="우편번호 앞자리 입력" id="address1" /> -
						<input type="text" title="우편번호 뒷자리 입력" />
						<span class="btn-pack btn-type-1"><a href="#none" title="새창으로 열림" target="_blank">우편번호 찾기</a></span>
					</span>
					<br />
					<input type="text" title="기본주소 입력" /><span class="ml20 i-opt">기본주소</span><br />
					<input type="text" title="상세주소 입력" /><span class="ml20 i-opt">상세주소</span><br />
					<input type="text" title="우편동명/건물명 입력" /><span class="ml20 i-opt">우편동명/건물명</span>
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span><label for="hometel1">자택전화</label></th>
				<td>
					<select title="자택전화 지역번호" id="hometel1">
						<option value="010">010</option>
					</select>
					-
					<input type="text" title="중간 4자리 입력" /> -
					<input type="text" title="뒤 4자리 입력" />
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span><label for="hp1">휴대폰번호</label></th>
				<td>
					<select title="휴대폰번호 서비스번호" id="hp1">
						<option value="010">010</option>
					</select>
					-
					<input type="text" title="중간 4자리 입력" /> -
					<input type="text" title="뒤 4자리 입력" />
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span><label for="hcerti1">휴대폰 인증번호</label></th>
				<td>
					<span class="btn-pack btn-type-1"><a href="#none" title="새창으로 열림" target="_blank">인증번호전송</a></span>
					<input type="text" id="hcerti1" title="인증번호 입력" />
					<span class="i-opt ml20">휴대폰으로 전송된 인증번호를 입력하세요.</span>
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span>SMS 수신여부</th>
				<td>
					<input type="radio" name="SMS1" id="SMS1" value="" title="수신" />
					<label for="SMS1">수신</label>
					<input type="radio" name="SMS1" id="SMS12" value="" title="수신거부" />
					<label for="SMS12">수신거부</label>
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span><label for="email1">E-mail</label></th>
				<td>
					<input type="text" id="email1" title="이메일 아이디 입력" /> @
					<input type="text" title="이메일 포탈주소 자동입력" />
					<select title="포탈 메일 주소 선택">
						<option value="직접입력">직접입력</option>
					</select>
				</td>
			</tr>
			<tr>
				<th scope="row"><span class="asterisk ">필수입력항목</span>E-mail 수신여부</th>
				<td>
					<input type="radio" name="email2" id="email2" value="" title="수신" />
					<label for="email2">수신</label>
					<input type="radio" name="email2" id="email21" value="" title="수신거부" />
					<label for="email21">수신거부</label>
				</td>
			</tr>
			<tr>
				<th scope="row">결혼여부</th>
				<td>
					<input type="radio" name="marry1" id="marry1" value="" title="기혼" />
					<label for="marry1">기혼</label>
					<input type="radio" name="marry1" id="marry2" value="" title="미혼" />
					<label for="marry2">미혼</label>
					<input type="radio" name="marry1" id="marry3" value="" title="기타" />
					<label for="marry3">기타</label>
				</td>
			</tr>
		</tbody>
	</table>
	
	<h3 class="tit-type1">Form</h3>
	<table cellspacing="0" summary="Form Element를 나타낸 표입니다." class="tbl-type1 mb30">
		<caption>Form Element</caption>
		<colgroup>
			<col width="20%" />
			<col />
		</colgroup>
		<tbody>
			<tr>
				<th scope="row" class="first"><span class="asterisk ">필수입력항목</span><label for="formelement1">필수입력항목</label></th>
				<td class="first"><input type="text" id="formelement1" /></td>
			</tr>
			<tr>
				<th scope="row"><label for="formelement2">텍스트</label></th>
				<td><input type="text" id="formelement2" value="내용을 입력하세요" /></td>
			</tr>
			<tr>
				<th scope="row"><label for="formelement3">암호</label></th>
				<td><input type="password" id="formelement3" value="암호를 입력하세요" /></td>
			</tr>
			<tr>
				<th scope="row"><label for="formelement5">읽기전용(readonly)</label></th>
				<td><input type="text" id="formelement5" readonly="readonly" title="읽기전용 표시" /></td>
			</tr>
			<tr>
				<th scope="row"><label for="formelement6">비활성화(disabled)</label></th>
				<td><input type="text" id="formelement6" disabled="disabled" title="읽기전용 표시" /></td>
			</tr>
			<tr>
				<th scope="row">Check Box</th>
				<td>
					<input type="checkbox" id="formelement51" value="" title="선택" />
					<label for="formelement51">레이블1</label>
					<input type="checkbox" id="formelement52" value="" title="선택" />
					<label for="formelement52">레이블2</label>
				</td>
			</tr>
			<tr>
				<th scope="row">Radio</th>
				<td>
					<input type="radio" name="formelement61" id="formelement61" value="" title="레이블1" />
					<label for="formelement61">레이블1</label>
					<input type="radio" name="formelement61" id="formelement62" value="" title="레이블2" />
					<label for="formelement62">레이블2</label>
				</td>
			</tr>
			<tr>
				<th scope="row"><label for="formelement7">Select Box</label></th>
				<td>
					<select id="formelement7">
						<option>AMA모계좌 (9321-45-339718)</option>
						<option>AMA모계좌 (9321-45-339718)</option>
						<option>AMA모계좌 (9321-45-339718)</option>
					</select>
	
					<select id="formelement71" title="해당타이틀제공">
						<option>option</option>
					</select>
				</td>
			</tr>
			<tr>
				<th scope="row">첨부파일</th>
				<td><input type="file" value="" /></td>
			</tr>
			<tr>
				<th scope="row">멀티라인 텍스트</th>
				<td><textarea cols="10" rows="3" style="width:300px;height:100px">멀티라인 텍스트 영역</textarea></td>
			</tr>
		</tbody>
	</table>

</div><!-- //service-con -->

<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutB_2.html"; ?>